import { nanoid } from 'nanoid'

export interface IProject {
  id: string
  title: string
  description: string
  category: string
  tags: string[]
  thumbnail: string
  projectLink: string
  techStack: string[]
  createdAt: string
  updatedAt: string
}

export const projectsData: IProject[] = [
  {
    id: nanoid(),
    title: 'TransVidAI',
    description: '一个借助AI实现视频翻译的网站',
    category: 'frontend',
    tags: ['Vue.js', 'Element Plus', 'pinia'],
    thumbnail:
      'https://img2.baidu.com/it/u=2990489131,3348096251&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1400',
    projectLink: 'http://47.120.34.87/TransVidAI/',
    techStack: ['Vue.js', 'Element Plus', 'SCSS'],
    createdAt: '2024-08-15T10:20:30Z',
    updatedAt: '2024-08-20T08:15:00Z'
  },
  {
    id: nanoid(),
    title: 'Node.js API Server',
    description: 'A RESTful API server built with Node.js and Express.',
    category: 'backend',
    tags: ['Node.js', 'Express', 'API'],
    thumbnail:
      'https://img2.baidu.com/it/u=3114350612,2641837653&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1724173200&t=50d46b974e502915d24e7ba35ec3ccc4',
    projectLink: 'https://github.com/username/node-api-server',
    techStack: ['Node.js', 'Express', 'MongoDB'],
    createdAt: '2022-11-10T12:00:00Z',
    updatedAt: '2023-12-05T14:35:20Z'
  },
  {
    id: nanoid(),
    title: 'React Dashboard',
    description: 'A responsive dashboard built with React and Material-UI.',
    category: 'frontend',
    tags: ['React', 'Material-UI', 'Dashboard'],
    thumbnail:
      'https://img0.baidu.com/it/u=912707970,663790136&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=843',
    projectLink: 'https://github.com/username/react-dashboard',
    techStack: ['React', 'Material-UI', 'JavaScript'],
    createdAt: '2023-03-20T09:45:10Z',
    updatedAt: '2024-04-02T16:25:30Z'
  },
  {
    id: nanoid(),
    title: 'Fullstack E-commerce Platform',
    description:
      'A full-featured e-commerce platform with a Node.js backend and a Vue.js frontend.',
    category: 'fullstack',
    tags: ['E-commerce', 'Vue.js', 'Node.js'],
    thumbnail:
      'https://img1.baidu.com/it/u=2701473560,3391079078&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=500',
    projectLink: 'https://github.com/username/fullstack-ecommerce',
    techStack: ['Vue.js', 'Node.js', 'Express', 'MongoDB'],
    createdAt: '2022-09-25T11:30:00Z',
    updatedAt: '2023-10-10T13:45:55Z'
  },
  {
    id: nanoid(),
    title: 'Mobile News App',
    description: 'A cross-platform mobile news application developed using React Native.',
    category: 'mobile',
    tags: ['React Native', 'Mobile', 'News App'],
    thumbnail:
      'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTpovsl_7zIrEhzyWmREb9k6ChHeFJrmMUsHg&s',
    projectLink: 'https://github.com/username/mobile-news-app',
    techStack: ['React Native', 'Redux', 'API'],
    createdAt: '2023-05-05T10:10:10Z',
    updatedAt: '2023-05-20T15:50:45Z'
  },
  {
    id: nanoid(),
    title: 'React Dashboard',
    description: 'A responsive dashboard built with React and Material-UI.',
    category: 'frontend',
    tags: ['React', 'Material-UI', 'Dashboard'],
    thumbnail:
      'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2XQGfxQPdqusqyIRFB4O1bdNP8KnReA3aIQ&s',
    projectLink: 'https://github.com/username/react-dashboard',
    techStack: ['React', 'Material-UI', 'JavaScript'],
    createdAt: '2023-03-20T09:45:10Z',
    updatedAt: '2024-04-02T16:25:30Z'
  },
  {
    id: nanoid(),
    title: 'Fullstack E-commerce Platform',
    description:
      'A full-featured e-commerce platform with a Node.js backend and a Vue.js frontend.',
    category: 'fullstack',
    tags: ['E-commerce', 'Vue.js', 'Node.js'],
    thumbnail:
      'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTB6yquM63mAL7Dcwp77YUuotjEkiywulE_iw&s',
    projectLink: 'https://github.com/username/fullstack-ecommerce',
    techStack: ['Vue.js', 'Node.js', 'Express', 'MongoDB'],
    createdAt: '2022-09-25T11:30:00Z',
    updatedAt: '2023-10-10T13:45:55Z'
  },
  {
    id: nanoid(),
    title: 'Mobile News App',
    description: 'A cross-platform mobile news application developed using React Native.',
    category: 'mobile',
    tags: ['React Native', 'Mobile', 'News App'],
    thumbnail:
      'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSzqTxPEcmBRgjXgzhWja3mSZgP7sLheiRB5g&s',
    projectLink: 'https://github.com/username/mobile-news-app',
    techStack: ['React Native', 'Redux', 'API'],
    createdAt: '2023-05-05T10:10:10Z',
    updatedAt: '2023-05-20T15:50:45Z'
  }
]
